<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Title</title>
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            div{
                width: 300px;
                height: 300px;
                background: pink;
                box-sizing: border-box;
                /*圆角边框*/
                border-radius: 20px 130px 180px 250px;/*左上、右上、右下、左下*/
                border-radius: 20px 130px 40px;/*左上、右对角、右下*/
                border-radius: 100px 50px;/*左对角、右对角*/
                border-radius: 50%;
                /*盒子阴影*/
                padding: 47px;
                box-shadow: 0 0 100px 5px #19c72c;/*水平位移、垂直位移、模糊大小、阴影大小、颜色*/
                /*文本阴影*/
                text-shadow: 0 5px 10px red;/*水平位移、垂直位移、模糊大小、颜色*/
            }
        </style>
    </head>
    <body>
        <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet animi cum dolor dolores enim excepturi fugiat incidunt, laborum nisi perspiciatis quasi qui quidem quo, vel velit veritatis voluptate! Magnam, veniam?</div>
    </body>
</html>